<template>
	<el-card class="box-card">
		<div slot="header" class="clearfix">
			<span>基本资料</span>
		</div>
		<el-tabs v-model="activeName" @tab-click="handleClick" class="el-tab">
			<el-tab-pane label="修改信息" name="first">
				<Froms />
			</el-tab-pane>
			<el-tab-pane label="绑定邮箱" name="second">
				<SetEmail />
			</el-tab-pane>
			<el-tab-pane label="修改密码" name="third">
				<ChangePassWord />
			</el-tab-pane>
		</el-tabs>
	</el-card>
</template>

<script>
import Froms from './components/Froms'
import SetEmail from './components/SetEmail'
import ChangePassWord from './components/ChangePassWord'

export default {
	name: 'SetCard',
	components:{ Froms , SetEmail , ChangePassWord },
	data() {
		return {
			activeName: 'second'
		};
	},
	methods: {
		handleClick(tab, event) {
			// console.log(tab, event);
		}
	}
}
</script>

<style>

.el-card__header {
	width: 850px;
	height: 40px;
	line-height: 0px;
	color: rgb(191, 203, 217);
	background-color: rgb(56, 80, 111);
}
</style>